var htmlwp = require('html-webpack-plugin');
module.exports={
    entry:'./src/kits/main.js', //打包的入口文件
    output:{
        path : __dirname+'/dist', //目标输出目录 path 的绝对路径。
        filename : 'build.js', //filename 用于输出文件的文件名。
    },
    module:{
        loaders:[
            {
                test:/\.css$/, //打包css文件配置
                loader:'style-loader!css-loader'
            },
            {
                test:/\.scss$/, //打包scss文件配置
                loader:'style-loader!css-loader!sass-loader'
            },
            {
                test:/\.less$/, //打包less文件配置
                loader:'style-loader!css-loader!less-loader'
            },
            {
                test:/\.(jpg|png|gif|ttf)$/, //打包url请求的资源文件
                loader:'url-loader?limit=400000' //limit 表示图片的大小为20k的临界值，小于20k的图片打包build.js中
            },
            {
                test:/\.vue$/, //打包vue请求的资源文件
                loader:'vue-loader' 
            },
            {
                test:/\.js$/, //将.js文件中的es6语法转成es5语法
                loader:'babel-loader',
                exclude: /node_modules/,
            },
        ]
    },
    babel:{
        presets:['es2015'], //配置将es6语法转换成es5语法
        plugins:['transform-runtime'],
    },
    plugins:[
        new htmlwp({
            title:'首页', //生成的页面标题
            filename: 'index.html', //webpack-dev-server在内存中生成的文件名称
            template: 'index1.html', //根据index1.html这个模板来生成
        })
    ],
}